<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:85:"F:\phpStudy\PHPTutorial\WWW\tp5\public/../application/mobile\view\pdetail\detail.html";i:1539326417;}*/ ?>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="/static/mobile/css/amazeui.min.css">
    <link rel="stylesheet" href="/static/mobile/css/wap.css">
    <title>内容页</title>
</head>
<body style="background:#ececec">

<div class="pet_mian" >
    <div class="pet_head">
  <header data-am-widget="header"
          class="am-header am-header-default pet_head_block">
      <div class="am-header-left am-header-nav ">
          <a href="#left-link" class="iconfont pet_head_jt_ico">&#xe601;</a>
      </div>

      <h1 class="am-header-title pet_article_user">
      <div class="pet_article_user_info_tab">
        <div class="pet_article_user_info_tab_font">
        <div class="pet_article_user_info_tab_font_triangle"></div>
        <div class="pet_article_user_info_tab_font_center"><i>文章</i><span>16篇</span></div>

        </div>
      </div>
      <span class="pet_article_user_ico"><img src="/static/mobile/img/a1.png" alt="" class=""></span>
      <span class="pet_article_user_name">EGOIST</span>
      </h1>

      <!--<div class="am-header-right am-header-nav">-->
          <!--<a href="javascript:;" class="iconfont pet_head_gd_ico">&#xe600;</a>-->
      <!--</div>-->
  </header>
</div>


<div class="pet_content">
    <div class="pet_content_block">
      <article data-am-widget="paragraph" class="am-paragraph am-paragraph-default pet_content_article" data-am-paragraph="{ tableScrollable: true, pureview: true }">
        <h1 class="pet_article_title">你认识萌萌的小熊猫吗？</h1>
        <div class="pet_article_user_time">发表于：2015-09-25</div>
         <p class=paragraph-default-p style="padding-bottom: 1em;">
             是地球上最后一个被发现、唯一没有土著人居住的大陆。
         </p>

      </article>

    </div>

    <div class="pet_comment_list">
         <div class="pet_comment_list_wap">
            <div class="pet_comment_list_title">
                 精彩评论
            </div>

            <div data-am-widget="tabs" class="am-tabs am-tabs-default pet_comment_list_tab" >
              <div class="am-tabs-bd pet_pl_list">
                  <div data-tab-panel-0 class="am-tab-panel am-active">
                    <div class="pet_comment_list_block">
                      <div class="pet_comment_list_block_l">
                          <img src="/static/mobile/img/a1.png" alt="">
                      </div>
                      <div class="pet_comment_list_block_r">
                        <div class="pet_comment_list_block_r_info">
                            Amaze
                        </div>
                        <div class="pet_comment_list_block_r_text">
                            那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，

                        </div>
                        <div class="pet_comment_list_block_r_bottom">
                            <div class="pet_comment_list_bottom_info_l">10分钟前</div>
                            <div class="pet_comment_list_bottom_info_r">
                            </div>
                        </div>
                      </div>
                    </div>
                    <div>



                    </div>
                  </div>

              </div>

            </div>
        </div>
    </div>

    <div class="pet_content_main pet_article_like_delete">
        <div data-am-widget="list_news" class="am-list-news am-list-news-default am-no-layout">
            <div class="am-list-news-bd">
                <form class="am-form">
                    <fieldset>
                        <div class="am-form-group">

                            <label for="doc-ta-1">发布评论</label>

                            <textarea style="resize: none" class="" rows="5" id="doc-ta-1"></textarea>
                        </div>

                        <p>
                            <button type="submit" class="am-btn am-btn-default">
                                提交
                            </button>
                        </p>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="pet_article_dowload">
        <div class="pet_article_dowload_title">关于Amaze UI</div>
        <div class="pet_article_dowload_content"><div class="pet_article_dowload_triangle"></div>
            <div class="pet_article_dowload_ico"><img src="/static/mobile/img/footdon.png" alt=""></div>
            <div class="pet_article_dowload_content_font">
                Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
            </div>
            <div class="pet_article_dowload_all">
                <a href="###" class="pet_article_dowload_Az am-icon-apple"> App store</a>
                <a href="###" class="pet_article_dowload_Pg am-icon-android"> Android</a>
            </div>
        </div>
    </div>
</div>

<div class="pet_article_footer_info">Copyright(c)2018 知之问答</div>
</div>
</div>
<script src="/static/mobile/js/jquery.min.js"></script>
<script src="/static/mobile/js/amazeui.min.js"></script>
<script>
$(function(){

    // 动态计算新闻列表文字样式
    auto_resize();
    $(window).resize(function() {
        auto_resize();
    });
    $('.am-list-thumb img').load(function(){
        auto_resize();
    });
    $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
        $('.pet_list_one_nr').height($('.pet_list_one_img').height());
                // alert($('.pet_list_one_nr').height());
    }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
       });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
});

</script>
</body>
</html>